<section id="main">
  <div class="row-fluid">
  <div class="span12">
 <hr class="main">
    <ul class="breadcrumbs">
      <li>
        <a class="crumb active" href="#">Audience Engagement</a>
        <span class="divider">|</span>
      </li>
      <li>
        <a class="crumb" href="http://datamyze.com/whitemin/build/pages/components/tables.html">Audience Interest</a>
     
      </li>
  
    </ul>
    <hr class="main">
      </div>

</div>

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">

      <div class="box bordered">
        <div class="box inner white">
          <div class="row-fluid padded10">
<div class="section-title"><i class="icon-random icon-large"></i> User Engagement Analysis</div>
    <div class="span4 left-center">  <br>       
    <div class="stat-box dark-plum">
      <i class="icon-random icon-medium"></i>
      <span class="count">62</span>
      <span class="stat-text">User Engagement Score</span>
 <span class="stat-text-medium">Industry Average 70</span>
    </div>
  </div>
 <div class="center">
  <div class="percent-stat">
    <span class="percent"> %</span>
    <input type="text" value="61" data-min="0" data-max="100" class="circle-stat green">
    <span class="indicator">Click Index</span>
  </div>
  <div class="percent-stat">
    <span class="percent"> %</span>
    <input type="text" value="38" data-min="0" data-max="100" class="circle-stat red">
    <span class="indicator">Loyalty Index</span>
  </div>
  <div class="percent-stat">
    <span class="percent"> %</span>
    <input type="text" value="44" data-min="0" data-max="100" class="circle-stat red">
    <span class="indicator">Recency Index</span>
  </div>
  <div class="percent-stat">
    <span class="percent"> %</span>
    <input type="text" value="65" data-min="0" data-max="100" class="circle-stat green">
    <span class="indicator">Interaction Index</span>
  </div>
  <div class="percent-stat">
    <span class="percent"> %</span>
    <input type="text" value="54" data-min="0" data-max="100" class="circle-stat yellow">
    <span class="indicator">Duration Index</span>
  </div>
 
</div>
            </div>


</div>

  <div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">
                      <div class="box bordered">
        <div class="box-header">
          Are users engaged with your site?
        </div>

      <div class="row-fluid">
        <div class="span7">
          <div class="box">
            
            <div class="row-fluid">
              <div class="span12">
                <div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Abstract</a></li>
    <li><a href="#tab2" data-toggle="tab">Methodology</a></li>
    <li><a href="#tab3" data-toggle="tab">Recommendations</a></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <div class="row-fluid">
        <div class="span12 padded">
          <p><b>User Engagement Abstract</b></p>
        
          <div class="padded">
            <div class="chart" id="bar-chart" style="height: 200px;"></div>
          </div>
          <p>
          Our analysis goal is to provide a better understanding of how
users engage with your online property, and how to measure this engagement.
We should not speak of one main approach to measure user engagement
- e.g. through one fixed set of metrics - because engagement depends
on the online services at hand. Instead, we should be talking of models
of user engagement. As a first step, we analyzed a number of online
services, and show that it is possible to derive effectively simple models
of user engagement, for example, accounting for user types and temporal
aspects. This analsis provides initial insights into engagement patterns,
allowing for a better understanding of the important characteristics of
how users repeatedly interact with your website.
          </p>
        </div>
      </div>
    </div>

    <div class="tab-pane" id="tab2">
      <div class="row-fluid">
        <div class="span12 padded">
          <p><b>User Engagement Methodology</b></p>
          <p>
            User Engagement is the quality of the user experience that emphasizes the positives aspects of the interaction, and in particular the phenomena associated with being captivated by a web property.</p><p> Datamyze offers a granular and actionable rating scale for site owners, ranging from 0-100, enabling brands to target content based on their custom quality thresholds. The Engagement Score provides a benchmark for how your content is attracting and retaining users. Our formula combines proprietary algorithms and data combined with data on your unique visitors, user actions and time spent on your site to measure the effectiveness of your content. Engagement Scores are weighted by industry.
          </p><p>
User Engagement a measurement of user engagement with a sites content on a scale from 1 to 100. 1 represents low engagement and 100 represents high. The score is calcuated by adding click depth, duration index, loyalty index, interaction index and recency index scores.</p>
<p><b>Click Depth</b><br>
The number of sessions having more than “n” page views divided by the total number of sessions by the user. This index calculates the percentage of sessions a visitor clicks deeply into your website. How deeply? That depends on where you set “n.” For every session that a visitor’s page views exceed “n,” their engagement score will increase.</p>
<p><b> Duration Index</b><br>
The number of sessions longer than “n” minutes divided by the total number of sessions by the user. The duration index calculates the percentage of a visitor’s sessions that exceed a set time. Each time a person spends more than the set time on your website, their engagement score will increase.</p>
<p><b>Loyalty Index</b><br>
Scored as 1 if the user has come to the site more than “n” times during the time frame being considered (otherwise scored as 0). When people consistently return to your website in a period of time, this measure boosts their engagement score. </p>
<p><b> Interaction Index</b><br>
The number of sessions where a user completed one of any specific tracked events (but not full conversion), divided by the total number of sessions by the user. This index measures the percentage of sessions that a visitor completes a “mini-conversion” – like subscribing to an email newsletter or downloading content. You can set your mini-conversions however you like.</p>
<p><b> Recency Index</b><br>
The number of sessions having more than “n” page views that occurred in the past “n” weeks divided by the total number of sessions by the user. The recency index calculates the percentage of sessions that a visitor returns to your website in a set amount of time (n) and views enough pages (n) to be considered engaged. Every time a visitor completes both actions, their engagement score increases.</p>


      

                </div>
      </div>
    </div>

    <div class="tab-pane" id="tab3">
      <div class="row-fluid">
        <div class="span12 padded">
          <p><b>Recommendations</b></p>
          <p>
            Opportunities exist for your business to pursue global markets using its existing strengths. These opportunities show promise for improved returns for your business based on the industry market potential. Your superior quality, products, and diverse product lines are the framework for global success. A joint venture would be the best mode of entry for business in Brazil and would result in a profitable investment.
          </p>
          <p>
            Improving your online profile will further enhance your leverage throughout the Latin market.
          </p>

          <div class="well">
            We are noticing a decline in the number of users to your site. We recommend pushing all sports content through Facebook and Twitter.   
          </div>

          <div class="pull-right vpadded">
           <a href="mailto:martin@datamyze.com?subject=Datamyze%20Engagement%20Analysis&body=We are noticing a decline in the number of users to your site. We recommend pushing all sports content through Facebook and Twitter."> <button type="submit" class="btn btn-small dark-blue">Take this action</button></a>  <a href="#responsive-modal" class="btn btn-small" data-toggle="modal">Share recommendation</a><div id="responsive-modal" class="modal hide fade" tabindex="-1" data-width="760" style="width: 760px; margin-left: -379px; display: none; margin-top: 0px;" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3>Recommendations</h3>
  </div>
  <div class="modal-body">
    <div class="row-fluid">
      <div class="span6">
        <h4>Email</h4>
        <p><input type="text" placeholder="Email address" class="span12"></p>
        <p><input type="text" placeholder="Email address" class="span12"></p>
        <p><input type="text" placeholder="Email address" class="span12"></p>
        <p><input type="text" placeholder="Email address" class="span12"></p>
        <p><input type="text" placeholder="Email address" class="span12"></p>

      </div>
      <div class="span6">
        <h4>Details</h4>
        <div class="well">
          <p>Opportunities exist for your business to pursue global markets using its existing strengths. These opportunities show promise for improved returns for your business based on the industry market potential. Your superior quality, products, and diverse product lines are the framework for global success. A joint venture would be the best mode of entry for business in Brazil and would result in a profitable investment.</p><p><b>We recommend increasing advertising spend 25% will drive visitors by 15% over the next 60 days. The impact of this growth on your business is substantial for the next quarter.</b></p>
        </div>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-small">Close</button>
    <button type="button" class="btn btn-small medium-blue">Send now</button>
  </div>
</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

              </div>
            </div>
          </div>
        </div>
<div class="span5">
            <div class="padded">
              <div class="section-title"> Audience highlights</div>
              <ul class="audience">
  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">5,3,9,6,5,9,7,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Visitors</span>
    </div>
    <div class="value">604</div>
  </li>

  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">1,3,3,5,8,9,7,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">New Visits</span>
    </div>
    <div class="value">439</div>
  </li>
 <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">2,1,1,4,5,8,7,5,4,3</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Returning Visits</span>
    </div>
    <div class="value">163</div>
  </li>

  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">5,8,4,2,1,9,7,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Page Views</span>
    </div>
    <div class="value">988</div>
  </li>

  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">5,3,9,6,1,1,2,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Unique</span>
    </div>
    <div class="value">381</div>
  </li>

  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">5,3,2,4,1,1,7,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Downloads</span>
    </div>
    <div class="value">32</div>
  </li>

  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">1,3,3,4,5,9,7,3,5,2</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Actions</span>
    </div>
    <div class="value">275</div>
  </li>
  <li>
    <div class="indicator">
      <span class="line"><span style="display: none;">4,3,4,4,3,4,3,3,4,3</span><canvas width="NaN" height="NaN"></canvas></span>
      <span class="stat-name">Time Spent</span>
    </div>
    <div class="value">4:15</div>
  </li>
</ul>
            </div>
          </div>
<div class="span7">
          <div class="box bordered">
            <div class="box-header">
              <i class="icon-lightbulb"></i> Latest Recommendations
            </div>
            <div class="padded10">
              <ul class="recent-comments">
  <li class="comment-box">
    <div class="avatar user1 pull-left"></div>

    <div class="article">
      <div class="post-info"> Mike, 24 minutes ago </div>
      <div class="post-content-preview">
        Increasing your video advertising budget has the potential in drive more engaged users. We recommend increase your spend by 15% over the next month.
      </div>

      <div class="article-actions">
       
     <button class="btn btn-mini dark-blue"><i class="icon-thumbs-up"></i>Approve</button>
        <button class="btn btn-mini medium-blue"><i class="icon-thumbs-down"></i>Decline</button>
      </div>
    </div>
  </li>

  <li class="comment-box">
    <div class="avatar user5 pull-left"></div>

    <div class="article">
      <div class="post-info"> Wynne, 2 days ago </div>
      <div class="post-content-preview">
        We are noticing a decline in the number of users to your site. We recommend pushing all sports content through Facebook and Twitter.
      </div>

      <div class="article-actions">
     
    <button class="btn btn-mini dark-blue"><i class="icon-thumbs-up"></i>Approve</button>
        <button class="btn btn-mini medium-blue"><i class="icon-thumbs-down"></i>Decline</button>
      </div>
    </div>
  </li>

  <li class="comment-box">
    <div class="avatar user7 pull-left"></div>

    <div class="article">
      <div class="post-info"> Nick, 6 days ago </div>
      <div class="post-content-preview">
        The growth in time spent indicates that there are some loyal customers. We recommend targeting those profiles in your advertising program. 
      </div>

      <div class="article-actions">
  
     <button class="btn btn-mini dark-blue"><i class="icon-thumbs-up"></i>Approve</button>
        <button class="btn btn-mini medium-blue"><i class="icon-thumbs-down"></i>Decline</button>
      </div>
    </div>
  </li>



  <li class="comment-box view-more" style="text-align: center">
    <a href="#">View more</a>
  </li>
</ul>
            </div>
          </div>
        </div>
 <div class="span4">
          <div class="box bordered">
            <div class="box-header">
              <i class="icon-paste"></i> Tasks
            </div>
            <ul class="task-list">

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Increase video ad budget</div>
    <div class="priority">
      <span class="label red">important</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Review sports content strategy</div>
    <div class="priority">
      <span class="label medium-blue">normal</span>
    </div>
  </li>

  <li class="task-box completed">
    <div class="check">
      <i class="icon-check"></i>
    </div>
    <div class="task">Retarget visitors on Facebook</div>
    <div class="priority">
      <span class="label inverse">completed</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Create game in sports section</div>
    <div class="priority">
      <span class="label orange">high</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Distribute email newsletter on Tuesday</div>
    <div class="priority">
      <span class="label medium-blue">normal</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check"></i>
    </div>
    <div class="task">Send web traffic report to sales</div>
    <div class="priority">
      <span class="label green">low</span>
    </div>
  </li>

  <li class="task-box completed">
    <div class="check">
      <i class="icon-check"></i>
    </div>
    <div class="task">Implement content targeting</div>
    <div class="priority">
      <span class="label inverse">completed</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Move more marketing budget to digital</div>
    <div class="priority">
      <span class="label orange">high</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Review audience segmentation impact</div>
    <div class="priority">
      <span class="label medium-blue">normal</span>
    </div>
  </li>

  <li class="task-box">
    <div class="check">
      <i class="icon-check-empty"></i>
    </div>
    <div class="task">Get more Datamyze logins</div>
    <div class="priority">
      <span class="label green">low</span>
    </div>
  </li>

  <li class="view-all" style="text-align: center">
     <div class="article-actions">
 
     <button class="btn btn-mini dark-blue">Add</button>
        <button class="btn btn-mini medium-blue">Delete</button>
      </div>
  <br>
  </li>
</ul>
          </div>
        </div>               
  <div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">

          </div>
  </div>
</div>

</section>